<template>
  <div class="header">
    城市选择
    <router-link to="/">
       <span class="iconfont header-back">&#xe624;</span>
    </router-link>
  </div>
</template>
<script>
export default{
	name : 'CityHeader'
}
</script>
<style lang ="stylus" scoped>
   @import '~styles/varibles.styl'
   .header
      position:relative
      overflow:hidden
      height: $headerHight
      line-height: $headerHight
      text-align: center
      font-size :.32rem
      color : #fff
      background : #00bcd4
      .header-back
         position:absolute
         top : 0
         left: 0
         width: .64rem
         font-size: .4rem
         color: #fff
         text-align: cneter 
</style>